<!--
 - MineAdmin is committed to providing solutions for quickly building web applications
 - Please view the LICENSE file that was distributed with this source code,
 - For the full copyright and license information.
 - Thank you very much for using MineAdmin.
 -
 - @Author X.Mo<root@imoi.cn>
 - @Link   https://gitee.com/xmo/mineadmin-vue
-->
<template>
  <a-modal width="800px" v-model:visible="visible" :on-before-ok="save" :onClose="closeData" unmount-on-close>
    <template #title>
      扫二维码
    </template>

    <a-result title="Google Auth二维码" >
      <template #extra>
        <a-space>
          <a-image :src="imgValue" />
        </a-space>
      </template>
    </a-result>
    <a-list>

      <a-list-item> google 下载地址</a-list-item>
      <a-list-item> anriod 下载地址</a-list-item>
    </a-list>

  </a-modal>
</template>

<script setup>
import {onMounted, reactive, ref} from 'vue'
import {Message} from '@arco-design/web-vue'
import paymentMethod from '@/api/payment/paymentMethod'


const visible = ref(false)
const imgValue = ref()
const form = ref({})

const emit = defineEmits(['success'])



const open = async (img) => {
  imgValue.value=img
  visible.value = true
}
//----选择框变化


const save = async (done) => {
  done(true)
}
const closeData = () => {

  formRef.value.resetFields();
}


defineExpose({open})
</script>

<style scoped>
.copy-button {
  position: absolute;
  right: 15px;
  top: 0px;
  z-index: 999;
}
</style>